<template>
    <div>
        <div class="hosCard">
            <hospimg  v-for="(item, index) in hospData.hospital?.length" :hospital="hospData.hospital[index]" :key="index" class="hosImg"></hospimg>
        </div>
        <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[5, 10, 15, 20]"
            :background="true" layout=" prev, pager, next, ->,total, sizes,jumper" :total="hospData.total" @size-change="handleChange"
          @current-change="handleChange" />
    </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import hospimg from "../hospImg/index.vue";
import { getPageList } from "@/api/hospital/index";
import type { concentList, hospitalList } from "@/api/hospital/type";

let currentPage = ref<number>(1)
let pageSize = ref<number>(10)
// 数据
let hospData = defineProps(["hospital","total"]);

const handleChange = () => { 

}

</script>

<style lang="scss" scoped>
.hosCard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;

    .hosImg {
        width: 48%;
        margin-top: 15px;
    }
}
</style>